<template>
	<view>
		<!-- 与包裹页面所有内容的元素u-page同级，且在它的下方 -->
		<u-tabbar :hide-tab-bar="true" v-model="current" :list="list" :mid-button="true" active-color='#010101'
			inactive-color='#9f9f9f' :border-top="true" ></u-tabbar>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
						iconPath: "home",
						selectedIconPath: "home-fill",
						text: '首页',
						customIcon: false,
						pagePath: '/pages/index/index',
					},
					{
						iconPath: "photo",
						selectedIconPath: "photo-fill",
						text: '活动',
						customIcon: false,
						pagePath: '/pages/activity/activity',
					},
					{
						iconPath: "zhifubao",
						selectedIconPath: "zhifubao-circle-fill",
						text: '品牌商城',
						midButton: true,
						customIcon: false,
						pagePath: '/pages/mall/mall',
					},
					{
						iconPath: "moments",
						selectedIconPath: "moments-circel-fill",
						text: '圈子',
						customIcon: false,
						pagePath: '/pages/circle/circle',
					},
					{
						iconPath: "account",
						selectedIconPath: "account-fill",
						text: '我的',
						customIcon: false,
						pagePath: '/pages/mine/mine',
					}
				],
				current: 0
			}
		},
	}
</script>
